{layout name="shoutu13/layout" /}
<div class="container">
	<div class="row">
		<div class="stui-pannel stui-pannel-bg clearfix">
			<div class="stui-pannel-box">
				<div class="stui-pannel_hd">
					<div class="stui-pannel__head active bottom-line clearfix"> <span
							class="more text-muted pull-right hidden-xs"></span>
						<h3 class="title">
							<img src="/static/shoutu13/icon/icon_27.png" />
							{:config($data.type.id.'.title')}
						</h3>
					</div>
					<!-- 筛选 -->
					{notempty name="data.nav"}
					{volist name="data.nav" id="vod" key="k" length="3"}
					{notempty name="vod.data"}
					<ul class="stui-screen__list type-slide bottom-line-dot clearfix">
						<li> <span class="text-muted">{$vod.name}</span> </li>
						{volist name="vod.data" id="vods"}
						{if condition="($k==1)"}
						<li>
							<a href="/list/{$page['vt']}-{$page['year']}-{$page['area']}-{$vods['id']}-{$page['rank']}-{$page['page']}.html"
								target="_self">{$vods.name}</a>
						</li>
						{elseif condition="($k==2)"}
						<li>
							<a href="/list/{$page['vt']}-{$vods['id']}-{$page['area']}-{$page['cat']}-{$page['rank']}-{$page['page']}.html"
								target="_self">{$vods.name}</a>
						</li>
						{elseif condition="($k==3)"}
						<li>
							<a href="/list/{$page['vt']}-{$page['year']}-{$vods['id']}-{$page['cat']}-{$page['rank']}-{$page['page']}.html"
								target="_self">{$vods.name}</a>
						</li>
						{/if}
						{/volist}
					</ul>
					{/notempty}
					{/volist}
					{/notempty}
					<!-- end 筛选 -->
				</div>
				<div class="stui-pannel_bd">
					<ul class="stui-vodlist clearfix">
						{notempty name="data.data"}
						{volist name="data.data" id="vod"}
						<li class="col-md-7 col-sm-4 col-xs-3">
							<div class="stui-vodlist__box stui-vodlist__bg">
								<a class="stui-vodlist__thumb lazyload" href="/detail-{$page['vt']}{$vod.vod_url}"
									title="$vod.vod_title}" data-original="{$vod.vod_pic}">
									<span class="play hidden-xs"></span>
									<span class="pic-text text-right">{:putVodLabel($vod)}</span>
								</a>
								<div class="stui-vodlist__detail active">
									<h4 class="title text-overflow"><a href="/detail-{$page['vt']}{$vod.vod_url}"
											title="{$vod.vod_title}">{$vod.vod_title}</a></h4>
									<p class="text text-overflow text-muted hidden-xs">
										{$vod.vod_actor}
									</p>
								</div>
							</div>
						</li>
						{/volist}
						{/notempty}
					</ul>
				</div>
			</div>
		</div>

		<ul class="stui-page text-center clearfix">
			{notempty name="data.page.pagecount"}
			{if condition="($page['page']>1)" }
			<li>
				<a href="/list/{$page['vt']}-{$page['year']}-{$page['area']}-{$page['cat']}-{$page['rank']}-1.html"
					target='_self'>首页</a>
			</li>
			<li>
				<a href="/list/{$page['vt']}-{$page['year']}-{$page['area']}-{$page['cat']}-{$page['rank']}-{$page['page']-1}.html"
					target='_self'>上一页</a>
			</li>
			{/if}
			{for start="$page.page-2" end="$page.page+3"}
			{if condition="($i>=1 && $i<=$data.page.pagecount)"} <li {if condition=" ($i==$page['page'])" }
				class="active" {/if}>
				<a href="/list/{$page['vt']}-{$page['year']}-{$page['area']}-{$page['cat']}-{$page['rank']}-{$i}.html"
					target='_self' {if condition="($i==$page['page'])" } class='on' {/if}>{$i}</a>
				</li>
				{/if}
				{/for}
				{if condition="($page['page'] elt $data.page.pagecount)" } <li>
					<a href="/list/{$page['vt']}-{$page['year']}-{$page['area']}-{$page['cat']}-{$page['rank']}-{$page['page']+1}.html"
						target='_self'>下一页</a>
				</li>
				<li>
					<a href="/list/{$page['vt']}-{$page['year']}-{$page['area']}-{$page['cat']}-{$page['rank']}-{$data['page']['pagecount']}.html"
						target='_self'>尾页</a>
				</li>
				{/if}
				{/notempty}
		</ul>
	</div>
</div>